{
  "id": "be89d5ca-8a5a-4c2c-bc5e-3b974aa08380",
  "name": "[Tutorial] Exploring Kubernetes Pod",
  "schemaVersion": "designs.meshery.io/v1beta1",
  "version": "0.0.7",
  "metadata": {
    "resolvedAliases": {}
  },
  "components": [
    {
      "id": "434be072-c7c6-4364-a2ba-f0b7ae01aabc",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-fit": "cover",
        "background-image": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/stand-alone-pod-3.webp",
        "background-opacity": 0,
        "body-text": "",
        "body-text-color": "#808080",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "center",
        "body-text-vertical-align": "center",
        "border-style": "solid",
        "border-width": 0,
        "height": 148.06853,
        "opacity": 1,
        "padding": 0,
        "position": {
          "x": 790.1622610310573,
          "y": 793.8847278246644
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#00D3A9",
        "shape": "rectangle",
        "svgColor": "",
        "svgComplete": "",
        "svgWhite": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/stand-alone-pod-3.webp",
        "width": 114.98689,
        "z-index": 80
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": true
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "Picture",
        "schema": ""
      }
    },
    {
      "id": "43a2dfab-b2d3-4f37-8e33-0ce4c236c1f5",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-05T17:56:21.445295179Z",
          "updated_at": "2024-11-05T17:56:21.445295179Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-fit": "cover",
        "background-image": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/validate-deploy-pod-5.webp",
        "background-opacity": 0,
        "body-text": "",
        "body-text-color": "#808080",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "center",
        "body-text-vertical-align": "center",
        "border-style": "solid",
        "border-width": 0,
        "height": 75.58953,
        "opacity": 1,
        "padding": 0,
        "position": {
          "x": 1716.270949451667,
          "y": 1065.6443388246917
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#00D3A9",
        "shape": "rectangle",
        "svgColor": "",
        "svgComplete": "",
        "svgWhite": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/validate-deploy-pod-5.webp",
        "width": 99.34555,
        "z-index": 460
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": true
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "Picture",
        "schema": ""
      }
    },
    {
      "id": "529c4d7e-e6e3-48c4-b2ed-19dbda668207",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-05T17:56:21.445295179Z",
          "updated_at": "2024-11-05T17:56:21.445295179Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-fit": "cover",
        "background-image": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/validate-deploy-pod-3.webp",
        "background-opacity": 0,
        "body-text": "",
        "body-text-color": "#808080",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "center",
        "body-text-vertical-align": "center",
        "border-style": "solid",
        "border-width": 0,
        "height": 57.49057,
        "opacity": 1,
        "padding": 0,
        "position": {
          "x": 1719.6227773900769,
          "y": 815.9649118668381
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#00D3A9",
        "shape": "rectangle",
        "svgColor": "",
        "svgComplete": "",
        "svgWhite": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/validate-deploy-pod-3.webp",
        "width": 139.09567,
        "z-index": 78
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": true
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "Picture",
        "schema": ""
      }
    },
    {
      "id": "52bfa291-f3ac-443d-a1ad-51e1e44c562c",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-fit": "cover",
        "background-image": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/configure-pod-3.webp",
        "background-opacity": 0,
        "body-text": "",
        "body-text-color": "#808080",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "center",
        "body-text-vertical-align": "center",
        "border-style": "solid",
        "border-width": 0,
        "height": 51.362507,
        "opacity": 1,
        "padding": 0,
        "position": {
          "x": 1260.2223330898212,
          "y": 919.924235064385
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#00D3A9",
        "shape": "rectangle",
        "svgColor": "",
        "svgComplete": "",
        "svgWhite": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/configure-pod-3.webp",
        "width": 114.98663,
        "z-index": 70
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": true
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "Picture",
        "schema": ""
      }
    },
    {
      "id": "541ec14b-9fe6-49ed-9a7c-10249d1a19e9",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-fit": "cover",
        "background-image": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/configure-pod-2.webp",
        "background-opacity": 0,
        "body-text": "",
        "body-text-color": "#808080",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "center",
        "body-text-vertical-align": "center",
        "border-style": "solid",
        "border-width": 0,
        "height": 102.09032,
        "opacity": 1,
        "padding": 0,
        "position": {
          "x": 1273.4132164321923,
          "y": 774.788905577729
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#00D3A9",
        "shape": "rectangle",
        "svgColor": "",
        "svgComplete": "",
        "svgWhite": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/configure-pod-2.webp",
        "width": 61.75544,
        "z-index": 471
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": true
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "Picture",
        "schema": ""
      }
    },
    {
      "id": "5656be44-ead2-431b-bf87-d27d58788b06",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-fit": "cover",
        "background-image": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/stand-alone-pod-2.webp",
        "background-opacity": 0,
        "body-text": "",
        "body-text-color": "#808080",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "center",
        "body-text-vertical-align": "center",
        "border-style": "solid",
        "border-width": 0,
        "height": 82.05289,
        "opacity": 1,
        "padding": 0,
        "position": {
          "x": 812.8008138242318,
          "y": 596.6433784876904
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#00D3A9",
        "shape": "rectangle",
        "svgColor": "",
        "svgComplete": "",
        "svgWhite": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/stand-alone-pod-2.webp",
        "width": 159.38277,
        "z-index": 35
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": true
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "Picture",
        "schema": ""
      }
    },
    {
      "id": "735b1677-1c4f-40b2-bfeb-9ff533fc6e86",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-05T17:56:21.445295179Z",
          "updated_at": "2024-11-05T17:56:21.445295179Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-fit": "cover",
        "background-image": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/validate-deploy-pod-7.webp",
        "background-opacity": 0,
        "body-text": "",
        "body-text-color": "#808080",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "center",
        "body-text-vertical-align": "center",
        "border-style": "solid",
        "border-width": 0,
        "height": 78.10423,
        "opacity": 1,
        "padding": 0,
        "position": {
          "x": 1702.9669445214613,
          "y": 1400.581180352764
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#00D3A9",
        "shape": "rectangle",
        "svgColor": "",
        "svgComplete": "",
        "svgWhite": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/validate-deploy-pod-7.webp",
        "width": 91.60018,
        "z-index": 463
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": true
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "Picture",
        "schema": ""
      }
    },
    {
      "id": "802552dc-65d1-4f0a-9925-1aade9e3fffc",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-05T17:56:21.445295179Z",
          "updated_at": "2024-11-05T17:56:21.445295179Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-fit": "cover",
        "background-image": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/validate-deploy-pod-6.webp",
        "background-opacity": 0,
        "body-text": "",
        "body-text-color": "#808080",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "center",
        "body-text-vertical-align": "center",
        "border-style": "solid",
        "border-width": 0,
        "height": 93.07424,
        "opacity": 1,
        "padding": 0,
        "position": {
          "x": 1708.10549786726,
          "y": 1237.085383657362
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#00D3A9",
        "shape": "rectangle",
        "svgColor": "",
        "svgComplete": "",
        "svgWhite": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/validate-deploy-pod-6.webp",
        "width": 105.512146,
        "z-index": 462
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": true
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "Picture",
        "schema": ""
      }
    },
    {
      "id": "887db96e-7fdd-48a8-802b-de3ebbcb24a1",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-fit": "cover",
        "background-image": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/configure-pod-4.webp",
        "background-opacity": 0,
        "body-text": "",
        "body-text-color": "#808080",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "center",
        "body-text-vertical-align": "center",
        "border-style": "solid",
        "border-width": 0,
        "height": 101.227234,
        "opacity": 1,
        "padding": 0,
        "position": {
          "x": 1273.5444318849454,
          "y": 1045.7889317236773
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#00D3A9",
        "shape": "rectangle",
        "svgColor": "",
        "svgComplete": "",
        "svgWhite": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/configure-pod-4.webp",
        "width": 78.27282,
        "z-index": 464
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": true
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "Picture",
        "schema": ""
      }
    },
    {
      "id": "8dd2ceba-6026-4418-9759-e9b44d8e2ce9",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-05T17:56:21.445295179Z",
          "updated_at": "2024-11-05T17:56:21.445295179Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-fit": "cover",
        "background-image": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/validate-deploy-pod-2.webp",
        "background-opacity": 0,
        "body-text": "",
        "body-text-color": "#808080",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "center",
        "body-text-vertical-align": "center",
        "border-style": "solid",
        "border-width": 0,
        "height": 85.67915,
        "opacity": 1,
        "padding": 0,
        "position": {
          "x": 1724.5790047462006,
          "y": 667.7172366797764
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#00D3A9",
        "shape": "rectangle",
        "svgColor": "",
        "svgComplete": "",
        "svgWhite": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/validate-deploy-pod-2.webp",
        "width": 188.34198,
        "z-index": 56
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": true
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "Picture",
        "schema": ""
      }
    },
    {
      "id": "a53cd34b-d88f-4110-8fd5-0eacab4c438f",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-fit": "cover",
        "background-image": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/configure-pod-1.webp",
        "background-opacity": 0,
        "body-text": "",
        "body-text-color": "#808080",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "center",
        "body-text-vertical-align": "center",
        "border-style": "solid",
        "border-width": 0,
        "height": 86.88333,
        "opacity": 1,
        "padding": 0,
        "position": {
          "x": 1266.8766932341946,
          "y": 592.3879109047264
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#00D3A9",
        "shape": "rectangle",
        "svgColor": "",
        "svgComplete": "",
        "svgWhite": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/configure-pod-1.webp",
        "width": 63.791725,
        "z-index": 71
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": true
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "Picture",
        "schema": ""
      }
    },
    {
      "id": "b9f8cb98-5398-49fb-b13a-6f49af095106",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-05T17:56:21.445295179Z",
          "updated_at": "2024-11-05T17:56:21.445295179Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-fit": "cover",
        "background-image": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/validate-deploy-pod-9.webp",
        "background-opacity": 0,
        "body-text": "",
        "body-text-color": "#808080",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "center",
        "body-text-vertical-align": "center",
        "border-style": "solid",
        "border-width": 0,
        "height": 86.08949,
        "opacity": 1,
        "padding": 0,
        "position": {
          "x": 1719.690413121439,
          "y": 1742.6918013241564
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#00D3A9",
        "shape": "rectangle",
        "svgColor": "",
        "svgComplete": "",
        "svgWhite": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/validate-deploy-pod-9.webp",
        "width": 122.194046,
        "z-index": 77
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": true
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "Picture",
        "schema": ""
      }
    },
    {
      "id": "c83d1335-63ce-457b-9378-1484180d08e5",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-fit": "cover",
        "background-image": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/stand-alone-pod-1.webp",
        "background-opacity": 0,
        "body-text": "",
        "body-text-color": "#808080",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "center",
        "body-text-vertical-align": "center",
        "border-style": "solid",
        "border-width": 0,
        "height": 40.445755,
        "opacity": 1,
        "padding": 0,
        "position": {
          "x": 833.0265706458649,
          "y": 483.2170066642784
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#00D3A9",
        "shape": "rectangle",
        "svgColor": "",
        "svgComplete": "",
        "svgWhite": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/stand-alone-pod-1.webp",
        "width": 268.3073,
        "z-index": 109
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": true
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "Picture",
        "schema": ""
      }
    },
    {
      "id": "e4d9cb77-9ba4-4c3c-883c-3856bb7e636c",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-05T17:56:21.445295179Z",
          "updated_at": "2024-11-05T17:56:21.445295179Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-fit": "cover",
        "background-image": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/validate-deploy-pod-8.webp",
        "background-opacity": 0,
        "body-text": "",
        "body-text-color": "#808080",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "center",
        "body-text-vertical-align": "center",
        "border-style": "solid",
        "border-width": 0,
        "height": 71.91121,
        "opacity": 1,
        "padding": 0,
        "position": {
          "x": 1711.353271388912,
          "y": 1559.5731722776768
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#00D3A9",
        "shape": "rectangle",
        "svgColor": "",
        "svgComplete": "",
        "svgWhite": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/validate-deploy-pod-8.webp",
        "width": 95.8494,
        "z-index": 461
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": true
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "Picture",
        "schema": ""
      }
    },
    {
      "id": "eddec4be-2aff-4e54-a105-230c02d7aeeb",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-05T17:56:21.445295179Z",
          "updated_at": "2024-11-05T17:56:21.445295179Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-fit": "cover",
        "background-image": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/validate-deploy-pod-1.webp",
        "background-opacity": 0,
        "body-text": "",
        "body-text-color": "#808080",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "center",
        "body-text-vertical-align": "center",
        "border-style": "solid",
        "border-width": 0,
        "height": 78.010155,
        "opacity": 1,
        "padding": 0,
        "position": {
          "x": 1715.9051949867796,
          "y": 522.2570349646985
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#00D3A9",
        "shape": "rectangle",
        "svgColor": "",
        "svgComplete": "",
        "svgWhite": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/validate-deploy-pod-1.webp",
        "width": 268.6787,
        "z-index": 50
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": true
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "Picture",
        "schema": ""
      }
    },
    {
      "id": "f70823d9-d7e2-4c75-af4f-0a8aa0595b4d",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-05T17:56:21.445295179Z",
          "updated_at": "2024-11-05T17:56:21.445295179Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-fit": "cover",
        "background-image": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/validate-deploy-pod-4.webp",
        "background-opacity": 0,
        "body-text": "",
        "body-text-color": "#808080",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "center",
        "body-text-vertical-align": "center",
        "border-style": "solid",
        "border-width": 0,
        "height": 64.72645,
        "opacity": 1,
        "padding": 0,
        "position": {
          "x": 1707.1082240702287,
          "y": 928.0871700724452
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#00D3A9",
        "shape": "rectangle",
        "svgColor": "",
        "svgComplete": "",
        "svgWhite": "https://raw.githubusercontent.com/layer5labs/meshery-extensions-packages/refs/heads/master/assets/kanvas/getting-started/kubernetes-pod/validate-deploy-pod-4.webp",
        "width": 175.09639,
        "z-index": 67
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": true
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "Picture",
        "schema": ""
      }
    },
    {
      "id": "68dec306-1912-4a14-87f1-b0ceee8890ce",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "Similar to a rectangle but with rounded corners, providing a softer, more approachable look. This shape is often used to visually distinguish nodes from standard rectangular nodes, indicating a special status or different type of data.",
      "format": "JSON",
      "model": {
        "id": "3d2cd78d-d9fd-cf06-af5d-05b0564f0f32",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-shapes",
        "displayName": "Meshery Shapes",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": true,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-shapes/color/meshery-shapes-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-shapes/white/meshery-shapes-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0.1,
        "body-text": "",
        "body-text-color": "#808080",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "center",
        "body-text-vertical-align": "center",
        "border-style": "solid",
        "border-width": 1,
        "height": 763.14136,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 1273.7800116793762,
          "y": 758.1534455338418
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#00D3A9",
        "shape": "round-rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-shapes/color/roundrectangle-color.svg",
        "svgComplete": "ui/public/static/img/meshmodels/meshery-shapes/complete/roundrectangle-complete.svg",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-shapes/white/roundrectangle-white.svg",
        "width": 330.1672,
        "z-index": 63
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "RoundRectangle",
        "schema": ""
      }
    },
    {
      "id": "d2c334eb-3ab9-45e3-a043-cb08faf22bca",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "Similar to a rectangle but with rounded corners, providing a softer, more approachable look. This shape is often used to visually distinguish nodes from standard rectangular nodes, indicating a special status or different type of data.",
      "format": "JSON",
      "model": {
        "id": "3d2cd78d-d9fd-cf06-af5d-05b0564f0f32",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-shapes",
        "displayName": "Meshery Shapes",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-03T13:59:28.281910293Z",
          "updated_at": "2024-11-03T13:59:28.281910293Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": true,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-shapes/color/meshery-shapes-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-shapes/white/meshery-shapes-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0.1,
        "body-text": "",
        "body-text-color": "#808080",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "center",
        "body-text-vertical-align": "center",
        "border-style": "solid",
        "border-width": 1,
        "height": 612.6415,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 819.2133523850118,
          "y": 697.0272443839672
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#00D3A9",
        "shape": "round-rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-shapes/color/roundrectangle-color.svg",
        "svgComplete": "ui/public/static/img/meshmodels/meshery-shapes/complete/roundrectangle-complete.svg",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-shapes/white/roundrectangle-white.svg",
        "width": 301.48315,
        "z-index": 25
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "RoundRectangle",
        "schema": ""
      }
    },
    {
      "id": "d573be1c-f205-48d2-861a-9332c28dc12d",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "Similar to a rectangle but with rounded corners, providing a softer, more approachable look. This shape is often used to visually distinguish nodes from standard rectangular nodes, indicating a special status or different type of data.",
      "format": "JSON",
      "model": {
        "id": "3d2cd78d-d9fd-cf06-af5d-05b0564f0f32",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-shapes",
        "displayName": "Meshery Shapes",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-05T17:56:21.445295179Z",
          "updated_at": "2024-11-05T17:56:21.445295179Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": true,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-shapes/color/meshery-shapes-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-shapes/white/meshery-shapes-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0.1,
        "body-text": "",
        "body-text-color": "#808080",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "center",
        "body-text-vertical-align": "center",
        "border-style": "solid",
        "border-width": 1,
        "height": 1425.1449,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 1718.1415682416955,
          "y": 1097.3686216443925
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#00D3A9",
        "shape": "round-rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-shapes/color/roundrectangle-color.svg",
        "svgComplete": "ui/public/static/img/meshmodels/meshery-shapes/complete/roundrectangle-complete.svg",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-shapes/white/roundrectangle-white.svg",
        "width": 434.33185,
        "z-index": 68
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "RoundRectangle",
        "schema": ""
      }
    },
    {
      "id": "e9cf4c67-606b-49f8-a891-84c8249db75a",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "Similar to a rectangle but with rounded corners, providing a softer, more approachable look. This shape is often used to visually distinguish nodes from standard rectangular nodes, indicating a special status or different type of data.",
      "format": "JSON",
      "model": {
        "id": "3d2cd78d-d9fd-cf06-af5d-05b0564f0f32",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-shapes",
        "displayName": "Meshery Shapes",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-03T13:59:28.281910293Z",
          "updated_at": "2024-11-03T13:59:28.281910293Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": true,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-shapes/color/meshery-shapes-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-shapes/white/meshery-shapes-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0.1,
        "body-text": "",
        "body-text-color": "#808080",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "center",
        "body-text-vertical-align": "center",
        "border-style": "solid",
        "border-width": 1,
        "height": 159.92302,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 353.13785199984113,
          "y": 514.4917869104562
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#00D3A9",
        "shape": "round-rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-shapes/color/roundrectangle-color.svg",
        "svgComplete": "ui/public/static/img/meshmodels/meshery-shapes/complete/roundrectangle-complete.svg",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-shapes/white/roundrectangle-white.svg",
        "width": 411.4422,
        "z-index": 0
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "RoundRectangle",
        "schema": ""
      }
    },
    {
      "id": "0514bcba-a907-4768-af2f-c22929d08946",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0,
        "body-text": "Scroll down within the Pod configuration modal to the Containers section. And Expand Containers-0.",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 26.004906,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 1275.8242559365635,
          "y": 521.4170902420224
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 325.44128,
        "z-index": 72
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "2a618227-9a09-4706-870e-0a0933a4333b",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0,
        "body-text": "Next, fill out some of the required container specifications. Start by entering the container image, we will use nginx:latest for the scope of this tutorial. Look at the image below for reference..",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 79.73051,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 1274.7689527910786,
          "y": 704.7726205366482
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 308.51907,
        "z-index": 65
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "39ae4961-d67f-4078-b692-7e1cbfd831bc",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0,
        "body-text": "When the Pod configuration tab opens you can configure the newly created pod by renaming the pod name if you desire to.",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 38.158325,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 819.3383530506778,
          "y": 949.6773262631255
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 287.8811,
        "z-index": 33
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "4c678aaa-0c7f-4398-ab53-3ffe3ef1ab78",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0,
        "body-text": "It first validates the design and displays error if any.",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 60,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 1724.6956561406248,
          "y": 1016.0380160410872
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 278.24597,
        "z-index": 96
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "4ea8677f-21d2-4321-ab2f-b335343f0a7b",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-05T17:56:21.445295179Z",
          "updated_at": "2024-11-05T17:56:21.445295179Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0,
        "body-text": "You will receive a notification that your design has been deployed and will be prompted to open the Visualize",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 60,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 1710,
          "y": 1650
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 275.68716,
        "z-index": 69
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "511495ba-df41-4b89-9506-038a78e5294b",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0,
        "body-text": " Again go to Actions and click on Deploy",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 32.13308,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 1719.609564506437,
          "y": 880.621242336613
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 267.61807,
        "z-index": 79
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "688cf05c-de4f-4ff2-8641-f7521978e2d1",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 1,
        "body-text": "Configuring the Pod",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 18.390806,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 1285.940754037399,
          "y": 411.10203218804986
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 114.15836,
        "z-index": 66
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "6e082c55-a8f4-424b-bb31-276025386cae",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0,
        "body-text": "In the next step a dry run happens and it informs the user is any potential bugs exist or something is missing that might lead to a failure.",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 60,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 1718.8177029073556,
          "y": 1325.3640395565537
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 278.24597,
        "z-index": 465
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "77ceb902-36d1-4624-8d36-037228ecc5e3",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0,
        "body-text": "Now to exit the configuration tab click anywhere outside it.",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 60,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 1281.3408195844088,
          "y": 1138.8681618856835
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 311.82895,
        "z-index": 472
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "78bd8c89-9d33-4781-b875-6077649dc2b1",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0,
        "body-text": "It displays the validation results. Now you can Deploy if nor errors exist, else you need to follow the error message and debug.",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 60,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 1721.656420775881,
          "y": 754.7448470275584
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 280.66684,
        "z-index": 466
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "8520e606-dfb8-4fee-bbcc-0dfe89bb67e4",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 1,
        "body-text": "Validating and deploying Pod",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 14.913712,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 1720.9061925767162,
          "y": 408.1276052844089
        },
        "primaryColor": "rgb(0,179,159)",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 197.45958,
        "z-index": 48
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "8b9facd4-48ca-47da-861e-a4c9958da640",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0,
        "body-text": "Finally before deploying a confirmation screen is displayed. Once you click on Finish it triggers a deployment and shares the status.",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 60,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 1722.3227083119928,
          "y": 1496.0892347170768
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 278.24597,
        "z-index": 467
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "8db5d68c-c2e8-44ea-91c7-01b5316a4312",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0,
        "body-text": "From the dropdown now click on Validate. It will validate the design and if there is an error or change necessary it will display it.",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 94.09974,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 1721.0622826883632,
          "y": 614.3386835609982
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 303.9541,
        "z-index": 468
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "8f5ea5df-661b-4e28-b1a4-a1243acd6508",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0,
        "body-text": "The pod at this stage does not have a container, so we will add one. This is similar to defining the containers in the spec: section of a YAML file",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 49.283207,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 1275.5709108651567,
          "y": 486.5026213374067
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 322.67172,
        "z-index": 469
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "95f0034c-0d65-418e-9c62-412ea2f8549b",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0,
        "body-text": "Additionally, we will also give it a label. This will server many advantages later in this exercise. To do so, click the label icon on the modal.",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 85.89239,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 1278.5434775527976,
          "y": 890.9259800819378
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 334.27176,
        "z-index": 470
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "9c354f77-483c-4215-80d8-dd35abebc2e5",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0,
        "body-text": "Set any label of choice. Preferably, give a unique label since the playground is a shared environment.",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 51.34147,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 1274.3931847190115,
          "y": 987.8853272983977
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 331.79675,
        "z-index": 473
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "9f5b430b-b98e-4f2b-8a81-a72a662df2cc",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-03T13:59:28.281910293Z",
          "updated_at": "2024-11-03T13:59:28.281910293Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 1,
        "body-text": "Creating a stand-alone pod",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "center",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 20.717169,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 817.6528120113172,
          "y": 426.3328156835105
        },
        "primaryColor": "rgb(0,179,159)",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 170.45064,
        "z-index": 99
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "a78d72b2-1d4c-42e7-b1c6-e56e8fc37690",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0,
        "body-text": "Next it asks the user to select an environment. Learn more about environments in docs.meshery.io/concepts/logical/environments",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 60,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 1720.182050486048,
          "y": 1155.1927070724307
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 278.24597,
        "z-index": 474
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "a8c6ae80-c439-404c-94eb-1efa7d881eb4",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0,
        "body-text": "Click on the Kubernetes icon in the application bar.",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 60,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 869.0596860385942,
          "y": 557.4336255926823
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 349.18497,
        "z-index": 26
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "ad89be71-6600-491c-850a-c1b25693985d",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0,
        "body-text": "With this, you have successfully created a standalone pod. Use the example compoments below to explore further.",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 32.12068,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 834.5387915518952,
          "y": 895.7040469981295
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 324.48788,
        "z-index": 115
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "b9cce3a1-3538-4fc8-b0ee-6957f49bf41c",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-03T13:59:28.281910293Z",
          "updated_at": "2024-11-03T13:59:28.281910293Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0,
        "body-text": "Exploring Kubernetes Pod ",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 20,
        "body-text-font-weight": "700",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 59.500977,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 246.93293878663462,
          "y": 486.7015476624267
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 183.96191,
        "z-index": 1
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "eebc7a07-6436-42c1-adcd-a848158f3730",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-03T13:59:28.281910293Z",
          "updated_at": "2024-11-03T13:59:28.281910293Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0,
        "body-text": "Pods are the smallest deployable units in the Kubernetes ecosystem. The scope of this tutorial is to deploy, manage, and understand some of the concepts related to Pods.",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 104.91352,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 351.7749358414047,
          "y": 589.7890986365134
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 378.1452,
        "z-index": 2
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    },
    {
      "id": "fca6892a-6825-4335-b589-68ac591d9ede",
      "schemaVersion": "components.meshery.io/v1beta1",
      "version": "v1.0.0",
      "displayName": "",
      "description": "",
      "format": "JSON",
      "model": {
        "id": "ca787272-67cc-ecda-9340-974f01e11ad8",
        "schemaVersion": "models.meshery.io/v1beta1",
        "version": "v1.0.0",
        "name": "meshery-core",
        "displayName": "Meshery Core",
        "status": "enabled",
        "registrant": {
          "id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
          "name": "meshery",
          "credential_id": "00000000-0000-0000-0000-000000000000",
          "type": "registry",
          "sub_type": "",
          "kind": "meshery",
          "status": "registered",
          "user_id": "00000000-0000-0000-0000-000000000000",
          "created_at": "2024-11-04T18:08:15.462084733Z",
          "updated_at": "2024-11-04T18:08:15.462084733Z",
          "deleted_at": "0001-01-01T00:00:00Z"
        },
        "connection_id": "56fc1fd1-f0c1-21ab-983f-9efa8fec5b2f",
        "category": {
          "id": "00000000-0000-0000-0000-000000000000",
          "name": "Orchestration \u0026 Management"
        },
        "subCategory": "App Definition and Development",
        "metadata": {
          "isAnnotation": false,
          "primaryColor": "#00B39F",
          "secondaryColor": "#00D3A9",
          "shape": "circle",
          "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/meshery-core-color.svg",
          "svgComplete": "",
          "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/meshery-core-white.svg"
        },
        "model": {
          "version": "0.7.2"
        },
        "components_count": 0,
        "relationships_count": 0,
        "components": null,
        "relationships": null
      },
      "styles": {
        "background-image": "none",
        "background-opacity": 0,
        "body-text": "Either click or drag and drop the component on Kanvas",
        "body-text-color": "rgb(225,225,225)",
        "body-text-font-size": 12,
        "body-text-font-weight": "400",
        "body-text-horizontal-align": "left",
        "body-text-vertical-align": "center",
        "border-color": "#808080",
        "border-style": "dashed",
        "border-width": 0,
        "height": 60,
        "opacity": 1,
        "padding": 6,
        "position": {
          "x": 852.1528155441282,
          "y": 710.5371519025002
        },
        "primaryColor": "#00B39F",
        "secondaryColor": "#FFDE00",
        "shape": "rectangle",
        "svgColor": "ui/public/static/img/meshmodels/meshery-core/color/textbox-color.svg",
        "svgComplete": "",
        "svgWhite": "ui/public/static/img/meshmodels/meshery-core/white/textbox-white.svg",
        "width": 356.888,
        "z-index": 32
      },
      "capabilities": [
        {
          "description": "Configure the visual styles for the component",
          "displayName": "Styling",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Change the shape of the component",
          "displayName": "Change Shape",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "shape",
          "type": "style",
          "version": "0.7.0"
        },
        {
          "description": "Drag and Drop a component into a parent component in graph view",
          "displayName": "Compound Drag And Drop",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "interaction",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "compoundDnd",
          "type": "graph",
          "version": "0.7.0"
        },
        {
          "description": "Add text to nodes body",
          "displayName": "Body Text",
          "entityState": [
            "declaration"
          ],
          "key": "",
          "kind": "mutate",
          "schemaVersion": "capability.meshery.io/v1alpha1",
          "status": "enabled",
          "subType": "body-text",
          "type": "style",
          "version": "0.7.0"
        }
      ],
      "status": "enabled",
      "metadata": {
        "configurationUISchema": "",
        "genealogy": "",
        "instanceDetails": null,
        "isAnnotation": true,
        "isNamespaced": false,
        "published": false
      },
      "configuration": {},
      "component": {
        "version": "core.meshery.io/v1alpha1",
        "kind": "TextBox",
        "schema": ""
      }
    }
  ],
  "preferences": {
    "layers": {
      "relationships": {
        "hierarchical-sibling-matchlabels": false
      }
    }
  },
  "relationships": []
}